<template>
	<div class="homeHeader">
        <div class="homeHeaderLeft">
			<h1 style="margin-right: 6px;height: 60px;font-size: 24px !important;">
				新华保险增值税数电发票管理
				<!-- <img src="../../assets/logo.png"  /> -->
			</h1>
			<div style="margin: 0 6px;font-size: 16px !important;">单位: <span style="font-size: 16px !important;">{{this.$store.state.user.baseInfo.companyName}}</span> </div>
			<div style="font-size: 16px !important;">岗位: <span style="font-size: 16px !important;">{{this.$store.state.user.baseInfo.departName}}</span> </div>
		</div>
        <div class="homeHeaderRight">
			<el-dropdown trigger="click" size="mini" class="el-dropdown-aut">
					<div>
						<img src="../../assets/s1.png" style="" alt="" class="myAvatar" />
						<div class="size-mini">
							{{ $store.state.user.baseInfo.userName }}
						</div>
					</div>
					<el-dropdown-menu slot="dropdown">
						<!-- <el-dropdown-item @click.native="userInfo">个人信息</el-dropdown-item>
						<el-dropdown-item @click.native="editPass">修改密码</el-dropdown-item> -->
						<el-dropdown-item @click.native="logOut">退出登录</el-dropdown-item>
					</el-dropdown-menu>
				</el-dropdown>
		</div>
	</div>
</template>
<script>

export default {
	name: "homeHeader",
	data() {
		return {

        }
	},
	methods:{
		userInfo(){
			this.$message("暂未开放")
		},
		editPass(){
			this.$message("暂未开放")
		},
		logOut(){
			window.location.replace(process.env.VUE_APP_JUMPURL);
			// this.$message("暂未开放")
		},
	}
}
</script>
<style lang="scss" scoped>

.homeHeader {
	min-width: 100vw;
	width: 100%;
	background-color: #409eff;
	color: white;
    border-bottom: 1px solid #d7cbcb;
	height: 60px !important;
	line-height: 60px;
	font-weight: 600;
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
	user-select: none;
	.homeHeaderLeft{
		display: flex;
		align-items: center;
	}
	.homeHeaderRight{
		display: flex;
		align-items: center;
		.myAvatar{
			width: 40px;
			height: 40px;
			border-radius: 50%;
		}
		.el-dropdown-aut {
			& > div {
				width: 120px;
				display: flex;
				align-items: center;
				& > div {
					// color: white;
					cursor: pointer;
					margin-left: 5px;
				}
			}
			.size-mini{
				color: white;
			}
		}
	}
}

</style>
